<template>
    <div class="welcome">
        <div class="welcome-msg">
            <p>欢迎回来:{{user.nickName}}</p>
            <p>上次登录时间为:{{user.lastLoginTime}}</p>
            <p>上次登录ip为:{{user.ip}}</p>
        </div>
    </div>
</template>

<script>
    import {mapState} from "vuex"

    export default {
        name: "home",
        computed: mapState(['user'])
    }
</script>

<style lang="scss" scoped>
    .welcome {
        text-align: center;
        min-width: 400px;
        min-height: 400px;
        display: flex;
        justify-content: center;
        font-size: 2em;
        align-items: center;
    }
</style>
